<!-- 账号安全策略 -->
<template>
  <el-row class="setting-row">
    <el-col :lg="19" :md="19" :sm="16" :xs="24"
      ><h4 class="setting-key">登录图形验证码</h4>
      <span class="setting-value"
        >默认不显示，密码输入错误 <el-tag>2</el-tag> 次后显示图形验证码</span
      ></el-col
    >
    <el-col :lg="5" :md="5" :sm="8" :xs="24" class="setting-button"
      ><el-link type="primary" @click="">设置</el-link></el-col
    >
  </el-row>
  <el-row class="setting-row">
    <el-col :lg="19" :md="19" :sm="16" :xs="24"
      ><h4 class="setting-key">登录失败锁定账号</h4>
      <span class="setting-value"
        >密码输入错误 <el-tag>3</el-tag> 次后，自动锁定登录账号</span
      ></el-col
    >
    <el-col :lg="5" :md="5" :sm="8" :xs="24" class="setting-button"
      ><el-link type="primary" @click="">设置</el-link></el-col
    >
  </el-row>
  <el-row class="setting-row">
    <el-col :lg="19" :md="19" :sm="16" :xs="24"
      ><h4 class="setting-key">自动解锁登录账号</h4>
      <span class="setting-value"
        >因登录失败锁定的账号，<el-tag>10</el-tag> 分钟后自动解锁账号</span
      ></el-col
    >
    <el-col :lg="5" :md="5" :sm="8" :xs="24" class="setting-button"
      ><el-link type="primary" @click="">设置</el-link></el-col
    >
  </el-row>

  <el-row class="setting-row">
    <el-col :lg="19" :md="19" :sm="16" :xs="24"
      ><h4 class="setting-key">自动锁定超期未修改密码的账号</h4>
      <span class="setting-value"
        >开启，账号锁定后可以通过自助找回密码重新启用账号、或联系管理员后台处理</span
      ></el-col
    >
    <el-col :lg="5" :md="5" :sm="8" :xs="24" class="setting-button"
      ><el-switch
        v-model="state.emailFindPassword"
        :active-value="1"
        :inactive-value="0"
    /></el-col>
  </el-row>
  <el-row class="setting-row">
    <el-col :lg="19" :md="19" :sm="16" :xs="24"
      ><h4 class="setting-key">账号最大活跃登录数</h4>
      <span class="setting-value"
        >超过
        <el-tag>1</el-tag>
        活跃登录数后，最新登录账号可成功登录系统，之前已登录账号自动注销</span
      ></el-col
    >
    <el-col :lg="5" :md="5" :sm="8" :xs="24" class="setting-button"
      ><el-link type="primary" @click="">设置</el-link></el-col
    >
  </el-row>
  <el-row class="setting-row">
    <el-col :lg="19" :md="19" :sm="16" :xs="24"
      ><h4 class="setting-key">OTP 双因素登录认证</h4>
      <span class="setting-value">开启</span></el-col
    >
    <el-col :lg="5" :md="5" :sm="8" :xs="24" class="setting-button"
      ><el-switch
        v-model="state.emailFindPassword"
        :active-value="1"
        :inactive-value="0"
    /></el-col>
  </el-row>
  <el-row class="setting-row">
    <el-col :lg="19" :md="19" :sm="16" :xs="24"
      ><h4 class="setting-key">会话保持超时时间</h4>
      <span class="setting-value"
        >超过 <el-tag>30</el-tag> 分钟无任何操作的账号，自动注销
      </span></el-col
    >
    <el-col :lg="5" :md="5" :sm="8" :xs="24" class="setting-button"
      ><el-link type="primary" @click="">设置</el-link></el-col
    >
  </el-row>
</template>
<script setup lang="ts">
import { reactive, ref, toRefs } from "vue";

const state = reactive({
  emailFindPassword: 1,
});
</script>
